<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:a4j="http://richfaces.org/a4j">
	
<head>
	<script type="text/javascript">
		function loadChgPhoto() {
		$("#divChgPhoto").load("maphoto.html");
		}
	</script>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8"></meta>
	<meta name="generator" content="PSPad editor, www.pspad.com"></meta>
	<link rel="stylesheet" type="text/css" href="../style/style.css" />
	<title>Ajout d'un Appareil - (nomProprietaire) - eSharing </title>

</head>
	
<body>
<div class = "topbarcontenu">
    <div>
      <span class = "logo"><img src = "images/logo.jpg" /></span>
      <span class = "toplink">Bienvenue, <a href = "tableaudebord.html">(nomUtilisateur)</a> <a href = "">Déconnexion</a></span>
      <span class = "topbarrechercher">
          <h:form class = "recherchepages">
            <h:inputText value="#{mbFichePret.rechercher()}" id = "cetaem" class="textrecherche" maxlength = "80" placeholder = "Que voulez-vous emprunter ?" />
            <h:commandButton value="Rechercher" action="#{mbFichePret.rechercher()}"  id = "btnrechercher" />
          </h:form>
      </span>
    </div><br />
   	<div>
      <span class = "parrainage">
        
        <h:form id = "parrainer">
          <h:inputText value=""  id = "cetaem" class="mailfilleul" maxlength = "80" placeholder = "Adresse mail" />
          <h:commandButton value="Parrainer un ami !" action="#{mbFichePret.parrainer()}"  id = "btnparrain" />
        </h:form>
      </span>
    </div>
</div>
	<div>
		<span id="lienblanc">
		</span>
		<span id="lienPanier" style="float:right;">
			<a href="">Panier</a>
		</span>
		<span id="lienblanc" style="float:right;">
		</span>
		<span id="lienMonActivite" style="float:right;">
			<a href="">Mon Activite</a>
		</span>
		<span id="lienblanc" style="float:right;">
		</span>
		<span id="lienAlertes" style="float:right;">
			<a href="">Alertes</a>
		</span>
		<span id="lienblanc" style="float:right;">
		</span>
		<span id="lienMessagerie" style="float:right;">
			<a href="">Messagerie</a>
		</span>
	</div>
	<p>
	</p>
	<div class="liens">
		<ul class="lienlist">
			<li>
				<a href="">Mon compte</a>
				<ul>
					<li>
						<a href="#" onclick="loadChgPhoto()">Ma photo</a>
					</li>
					<li>
						<a href="">Mes infomations personnelles</a>
					</li>
					<li>
						<a href="">Mes congés</a>
					</li>
					<li>
						<a href="">Changer mot de passe</a>
					</li>
				</ul>
			</li>
			<li>
				<a href="">Mon parc d'appareils</a>
			</li>
			<li>
				<a href="">Mon agenda</a>
				<ul>
					<li>
						<a href="">Mes prêts</a>
					</li>
					<li>
						<a href="">Mes emprunts</a>
					</li>
					<li>
						<a href="">Mes congés</a>
					</li>
				</ul>
			</li>
			<li>
				<a href="">Ma messagerie</a>
				<ul>
					<li>
						<a href="">Messages reçus</a>
					</li>
					<li>
						<a href="">Messages envoyés</a>
					</li>
				</ul>
			</li>
			<li>
				<a href="">Mon solde</a>
			</li>
			<li>
				<a href="">Mes parrainnages</a>
				<ul>
					<li>
						<a href="">Mes filleuls</a>
					</li>
					<li>
						<a href="">Parrainer</a>
					</li>
				</ul>
			</li>
		</ul>
	</div>
		<div id="pagecontenu">
			<h2>
				Ajouter un appareil
			</h2>
				<form>
          <table>
            <tr>
              <td>
    					 Type : 
              </td>
              <td>
   					<select>
   						<h:form>
   							<h:selectOneMenu value="#{mbAjoutAem.attribut}" var="type">
   								<f:selectItems value="#{mbAjoutAem.tableauselect}" itemValue="type.value" itemLabel=""/>	
   							</h:selectOneMenu>
   						</h:form>
   						<option value="machine_a_cafe">Machine à café
   						</option>
   						<option value="koala">Koala
   						</option>
   						<option value="...">
   						</option>
   					</select>
              </td>
            </tr>
            <tr>
              <td>
    					Marque : 
              </td>
              <td>
   					<select>
   						<option value="nespresso">Nespresso
   						</option>
   						<option value="windows">Windows
   						</option>
   						<option value="...">...
   						</option>
   					</select>
              </td>
              </tr>
              <tr>
                <td>
                  Valeur : 
                </td>
                <td>
                  <h:inputText value="#{mbAjoutAem.valeur}" />
                </td>
              </tr>
              <tr>
                <td>
                  Description : 
                </td>
                <td>
                  <h:inputTextarea value="#{mbAjoutAem.description}" />
                </td>
              </tr>
              <tr>
                <td>
                  Photo : 
                </td>
                <td>
                  <h:commandButton action="#{mbAjoutAem.Importer()}" value="Importer" />
                </td>
              </tr>
              <tr>
                <td colspan = "2" style = "text-align:right;">
                  <h:commandButton action="#{mbAjoutAem.ValiderAjout()}" value="Valider" />
                </td>
              </tr>
            </table>
				</form>
		</div>
		<div id="goodies">
			<ul id="sociallinks" style="float:right">
				<li>
					<a href="@sadfdsafdfd">FB</a>
				</li>
				<li>
					<a href="@sadfdsafdfd">TW</a>
				</li>
				<li>
					<a href="@sadfdsafdfd">G+</a>
				</li>
				<li>
					<a href="@sadfdsafdfd">RSS</a>
				</li>
			</ul>
		</div>
		<div class="footer">
			<span style="align: left">
				<a href="/trust">Confiance et sécurité</a>
			</span>
			<span style="align: left">
				<a href="/about/about-us">A propos</a>
			</span>
		</div>
	</body>
</html>